<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<title>好玩游戏-多样商品网站-交易猫-提供各种网游手游等</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="stylesheet" href="commonCSS/div-loading1.css" />
	
	<link rel="stylesheet" href="commonCSS/commonInitialize.css" />
	<!--
		！！！注意：引入样式表要注意顺序，特别是对于上面的初始化样式表与html字体设置@media媒体查询的样式表的引入顺序
		1. 一定要先写initialization初始化样式表，
		2.再引入HTML字体大小设置与媒体查询@media的样式表，否则整个body就不能居中显示了
	-->
	<link rel="stylesheet" href="commonCSS/htmlFontSize.css" />
	<!--这里要记得先引入通用的样式表-->
	<link rel="stylesheet" href="publishGoodsCss/publishGoods.css" />
	<link rel="stylesheet" href="commonCSS/bottomFixedList.css" />
	<!--上升回到顶部的火箭图片动画样式表-->
	<link rel="stylesheet" href="commonCSS/scrollToTopAnimation.css" />
	<!--引入 font awesome 图标库文件-->
	<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
	<!--<script type="text/javascript">
		window.onerror = function() {
			alert(123);
		}
		window.onabort = function(e) {
			alert(e.type);
		}
	</script>-->
</head>
<body>
	<!--动画效果的div元素-->
	<div class="hide-loading">
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
	</div>
	<script src="indexJs/hideLoadingDiv-before.js"></script>
	<!--分为两个大块，section和header区域-->
	<!--header 部分开始 start -->
	<header id="header-fixed-area">
		<div id="header-fixed-div" class="flex-justify-space-around">
			<div title="展开窗口底部导航栏（unwrap、unfold、reveal the nav bar at the bottom of this page）">
				<i class="fa fa-align-justify"></i>
			</div>
			<div>
				<input type="text" id="games-search-input" placeholder="search your want" />
			</div>
			<div>
				<button type="button" id="games-search-btn">搜索</button>
			</div>
			
		</div>
		<!--关于页面底部的5个排列盒子的结构设计-->
		<div id="bottom-fixed">
			<div>
				<ul id="bottom-fixed-ul">
					<li id="backTop01">
						<a href="javascript:;">
							<img src="indexImg/TB18MU2H1L2gK0jSZPhXXahvXXa-96-96.png" alt="" />
							<p>ToTop</p>
						</a>
					</li>
					<li>
						<a href="index.html">
							<img src="indexImg/TB178tSHRr0gK0jSZFnXXbRRXXa-92-92.png" alt="" />
							<p>Main Page</p>
						</a>
					</li>
					<li>
						<a href="shopping.html">
							<img src="indexImg/TB1bHFXIkL0gK0jSZFAXXcA9pXa-96-96.png" alt="" />
							<p>Buy</p>
						</a>
					</li>
					
					<li>
						<a href="userMessage.html">
							<img src="indexImg/TB1cPNIHKT2gK0jSZFvXXXnFXXa-92-92.png" alt="" />
							<p>Message</p>
						</a>
					</li>
					<li>
						<a href="userCenter.html">
							<img src="indexImg/TB1INdMHNv1gK0jSZFFXXb0sXXa-92-92.png" alt="" />
							<p>Mine</p>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</header>

	<!--header 部分结束 end -->
	<!--section部分开始  start -->
	<section id="games-publish-section">
		
		<div>
			<h1>选择游戏</h1>
		</div>
		<div id="games-goods-div">
			<ul id="games-goods-ul">
				<li class="games-goos-li">
					<a href="">
						<img src="publishImg/d5c41ec8-e407-4c65-afa8-25f1274d5e71.jpg" alt="" />
						<div>大话西游</div>
					</a>
				</li>
				<li class="games-goos-li">
					<a href="">
						<img src="publishImg/75f490dc-50b9-46d6-a55d-0c854f356afb.jpg" alt="" />
						<div>地下城与勇士</div>
					</a>
				</li>
				<li class="games-goos-li">
					<a href="">
						<img src="publishImg/c170067e-b93d-4c1c-9f7c-4817e0ed30b6.jpg" alt="" />
						<div>热血传奇</div>
					</a>
				</li>
				<li class="games-goos-li">
					<a href="">
						<img src="publishImg/2e308555-76e1-4d72-9568-afccfc2b4890.jpg" alt="" />
						<div>新天龙八部</div>
					</a>
				</li>
				<li class="games-goos-li">
					<a href="">
						<img src="publishImg/d5c41ec8-e407-4c65-afa8-25f1274d5e71.jpg" alt="" />
						<div>大话西游</div>
					</a>
				</li>
				<li class="games-goos-li">
					<a href="">
						<img src="publishImg/75f490dc-50b9-46d6-a55d-0c854f356afb.jpg" alt="" />
						<div>地下城与勇士</div>
					</a>
				</li>
				<li class="games-goos-li">
					<a href="">
						<img src="publishImg/c170067e-b93d-4c1c-9f7c-4817e0ed30b6.jpg" alt="" />
						<div>热血传奇</div>
					</a>
				</li>
				<li class="games-goos-li">
					<a href="">
						<img src="publishImg/2e308555-76e1-4d72-9568-afccfc2b4890.jpg" alt="" />
						<div>新天龙八部</div>
					</a>
				</li>
				<li class="games-goos-li">
					<a href="">
						<img src="publishImg/d5c41ec8-e407-4c65-afa8-25f1274d5e71.jpg" alt="" />
						<div>大话西游</div>
					</a>
				</li>
				<li class="games-goos-li">
					<a href="">
						<img src="publishImg/75f490dc-50b9-46d6-a55d-0c854f356afb.jpg" alt="" />
						<div>地下城与勇士</div>
					</a>
				</li>
				<li class="games-goos-li">
					<a href="">
						<img src="publishImg/c170067e-b93d-4c1c-9f7c-4817e0ed30b6.jpg" alt="" />
						<div>热血传奇</div>
					</a>
				</li>
				<li class="games-goos-li">
					<a href="">
						<img src="publishImg/2e308555-76e1-4d72-9568-afccfc2b4890.jpg" alt="" />
						<div>新天龙八部</div>
					</a>
				</li>
				<li class="games-goos-li">
					<a href="">
						<img src="publishImg/d5c41ec8-e407-4c65-afa8-25f1274d5e71.jpg" alt="" />
						<div>大话西游</div>
					</a>
				</li>
				<li class="games-goos-li">
					<a href="">
						<img src="publishImg/75f490dc-50b9-46d6-a55d-0c854f356afb.jpg" alt="" />
						<div>地下城与勇士</div>
					</a>
				</li>
				<li class="games-goos-li">
					<a href="">
						<img src="publishImg/c170067e-b93d-4c1c-9f7c-4817e0ed30b6.jpg" alt="" />
						<div>热血传奇</div>
					</a>
				</li>
				<li class="games-goos-li">
					<a href="">
						<img src="publishImg/2e308555-76e1-4d72-9568-afccfc2b4890.jpg" alt="" />
						<div>新天龙八部</div>
					</a>
				</li>
			</ul>
		</div>
		<div id="sale-games-account">
			<a href=""><img src="publishImg/O1CN01S4tSXN1OZnsuTmQ0p_!!6000000001720-2-tps-690-160.png" alt="" /></a>
		</div>
		<!--
			rocket-animation-div-area，点击回到顶部时出现-火箭上升运动的动画效果
			记得引入相关的
			css文件：<link rel="stylesheet" href="indexCss/scrollToTopAnimation.css" />
			和
			js文件：<script src="indexJs/scrollToTopAnimation.js"></script>
		-->
		<div id="fixedPicture">
			<img width="10vw" height="auto" src="indexImg/火箭01.png" alt="火箭--回到顶部" />
		</div>
	</section>
	<!--section部分结束 end-->
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script src="publishJs/publishGoods.js"></script>
	<script src="indexJs/scrollToTopAnimation.js"></script>
	<!--动画加载效果在页面完全加载好后才消失-->
	<script src="indexJs/hideLoadingDiv-after.js"></script>
</body>
</html>